<script lang="ts">
  import logo from '@assets/icon/logo.svg';
  import Menu from "@routes/Menu.svelte"
</script>
<div class="fixed bar-bg flex flow-row items-center top-0 left-0 right-0 w-screen h-16 shadow-lg">
  <div class="flex flow-row justify-between items-center space-x-2">
    <div></div>
    <div class="w-12 h-12" >
      <img src = "{logo}" alt="量子数据集市"/>
    </div>
    <div class="text-[#66b851]">量子数据集市</div>
  </div>
  <div class="flex-1"></div>
  <div class="flex-container flow-row space-x-2">
    <div></div>
    <Menu />
    <div></div>
  </div>
</div>
<div class="w-full h-16">mask placeholder</div>